<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Vision Engager</title>

<!-- estilos -->
<link href="jsp/css/style.css" rel="stylesheet" type="text/css" />
<link href="jsp/css/interior.css" rel="stylesheet" type="text/css" />

<!--navegacion-->
<!--settings-->
<script type="text/javascript" src="jsp/js/jquery.min.js"></script>
<script type="text/javascript" src="jsp/js/tooltipSocial.js"></script>


<!--border radius-->
<link href="jsp/css/borderRadius.css" rel="stylesheet" type="text/css" />


<!-- tabbed panels-->
<link href="jsp/css/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<script src="jsp/js/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="jsp/css/paneles.css" rel="stylesheet" type="text/css" />


</head>

<body class="noBack">


 
  

      <div id="dashboardLightbox">
      	<div id="dashboardPanels" class="TabbedPanels">
      	  <ul class="TabbedPanelsTabGroup ">
      	    <li class="TabbedPanelsTab boxTop" tabindex="0">Resumen</li>
            <li class="TabbedPanelsTab boxTop" tabindex="0">Tabla</li>
            <li class="TabbedPanelsTab boxTop" tabindex="0">Gráficos</li>
            <li class="TabbedPanelsTab boxTop" tabindex="0">Nota</li>
            <li class="TabbedPanelsTab boxTop" tabindex="0">Proyecto</li>
            <li class="TabbedPanelsTab boxTop" tabindex="0">Parte de</li>
            <li class="TabbedPanelsTab boxTop" tabindex="0">Info</li>
      	  </ul>
          
      	  <div class="TabbedPanelsContentGroup">
      	    <div class="TabbedPanelsContent">
           	  <div class="cuatroPaneles panel">
              <div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
              <h1>H1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h1>
           	    <h2>H2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h2>
           	    <h3>H3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h3>
           	    <p>P: Lorem ipsum dolor sit amet, consectetur adipiscing elit <a href="#">Link a</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
           	    <p>P: Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
           	    <p>P: Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>

           	   
              </div>
              <div class="cuatroPaneles panel">
              <div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
                <h1>Content for New Div Tag Goes Here</h1>
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr class="tituloTabla">
                    <td>Titulo de la tabla</td>
                    <td>Titulo tabla</td>
                    <td>Titulo tabla</td>
                    <td>Titulo tabla</td>
                    <td>Titulo tabla</td>
                    <td>Titulo tabla</td>
                    <td>Titulo tabla</td>
                    <td>Titulo tabla</td>
                    <td>Titulo tabla</td>
                  </tr>
                  <tr>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                    <td>Contenido tabla</td>
                  </tr>
                  <tr>
                    <td>00</td>
                    <td>00</td>
                    <td>67</td>
                    <td>567</td>
                    <td>567</td>
                    <td>567</td>
                    <td>567</td>
                    <td>567</td>
                    <td>567</td>
                  </tr>
                  <tr>
                        <td>00</td>
                         <td>00</td>
                         <td>567</td>
                    <td>567</td>
                    <td>00</td>
                    <td>67</td>
                    <td>567</td>
                    <td>567</td>
                     <td>567</td>
                  </tr>
                  <tr>
                        <td>00</td>
                         <td>00</td>
                         <td>567</td>
                    <td>567</td>
                    <td>00</td>
                    <td>67</td>
                    <td>567</td>
                    <td>567</td>
                     <td>567</td>
                  </tr>
                </table>
                <p>&nbsp;</p>
              </div>
              <div class="cuatroPaneles panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
              Content for New Div Tag Goes Here</div>
              <div class="cuatroPaneles panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
              Content for New Div Tag Goes Here</div>
              
      	    </div>
            <div class="TabbedPanelsContent">
           	  <div class="unPanel panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
              Content for New Div Tag Goes Here</div>
            
            </div>
            <div class="TabbedPanelsContent">
           	 <div class="dosPanelesHorizontal panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
             Content for New Div Tag Goes Here</div>
              <div class="dosPanelesHorizontal panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
              Content for New Div Tag Goes Here</div>
            </div>
            <div class="TabbedPanelsContent"><div class="cuatroPaneles panel">Content for New Div Tag Goes Here</div>
              <div class="cuatroPaneles panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
              Content for New Div Tag Goes Here</div>
              <div class="cuatroPaneles panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
              Content for New Div Tag Goes Here</div></div>
            <div class="unPanel panel"><div class="iconosPanel"><a href="#"><img src="jsp/css/img/icoEdit.png" width="19" height="18" border="0" /></a> <a href="#"><img src="jsp/css/img/icoMaximizar.png" width="20" height="18" border="0" /></a></div>
            Content 5</div>
            <div class="unPanel panel">Content 6</div>
            <div class="unPanel panel">Content 7</div>
      	  </div>
   	    </div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("dashboardPanels");
</script> 
 </div>
</body>
</html>
